<div
  v-loading="isPageLoading"
  :class="[$store.state.appPrefix + '-p-course-info', 'course-layout-content', 'g-edit-layout']">
  <div class="info-header">课程信息</div>
  <div class="edit-content">
    <el-form
      class="con-inner is-comfortable"
      label-width="120px"
      ref="basicForm"
      :disabled="isDetail"
      :rules="rules"
      :model="basicForm">
      <el-form-item label="课程名称" prop="courseName">
         <!-- maxlength="20" show-word-limit -->
        <el-input size="small" v-model="basicForm.courseName" />
      </el-form-item>
      <el-form-item label="课程简介" prop="courseIntroduction">
        <wang-editor v-if="key" :value.sync="basicForm.courseIntroduction"></wang-editor>
      </el-form-item>
      <el-form-item label="截止时间" prop="deadline">
        <el-date-picker size="small" format="yyyy-MM-dd HH:mm" v-model="basicForm.deadline" type="datetime" placeholder="选择日期时间"></el-date-picker>
      </el-form-item>
    </el-form>
  </div>
  <div class="action-box">
    <!-- <el-button @click="$router.go(-1)">返回</el-button> -->
    <el-button v-if="!isDetail" size="small" width="76" @click="$saveForm" type="primary">保存</el-button>
  </div>
</div>
